<div style="width: 100%;height: 100%;background: #BEBEBE;position: absolute;top: 0;opacity: 0.5;z-index: 10">
    <div style="position: absolute;width: 100%;height: 35%;bottom: 0;background: white;text-align: center">
        <ul style="width: 100%;height: 70%;display: flex;justify-content: space-around;flex-wrap: wrap;">
            <li style="width: 30%;height: 30%;margin-top: 5%">
                <img src="../img/fx-1.png" alt="" style="width: 40%">
                <div>朋友圈</div>
            </li>
            <li style="width: 30%;height: 30%;margin-top: 5%">
                <img src="../img/fx-2.png" alt="" style="width: 40%">
                <div>微信</div>
            </li>
            <li style="width: 30%;height: 30%;margin-top: 5%">
                <img src="../img/fx-3.png" alt="" style="width: 40%">
                <div>QQ好友</div>
            </li>
            <li style="width: 30%;height: 30%;margin-top: 8%">
                <img src="../img/fx-4.png" alt="" style="width: 40%">
                <div>QQ空间</div>
            </li>
            <li style="width: 30%;height: 30%;margin-top: 8%">
                <img src="../img/fx-5.png" alt="" style="width: 40%">
                <div>
                    新浪微博
                </div>
            </li>
            <li style="width: 30%;height: 30%;margin-top: 8%">
                <img src="../img/fx-6.png" alt="" style="width: 40%">
                <div>复制链接</div>
            </li>
        </ul>
        <div style="text-align: center;position: absolute;bottom: 0;width: 100%;height: 18%;font-size: 20px" ui-sref="set">
            取消
        </div>
    </div>
</div>